﻿﻿<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

<meta charset="utf-8" />

<div>  
  <span onmouseover="show1()">苹果</span> 
  <span onmouseover="show2()">梨子</span> 
  <span onmouseover="show3()">香蕉</span>
</div>

<hr />

<img id="pic" width="100%" src="1.jpg" />

<script>
function show1(){
  pic.src = "1.jpg";
}

function show2(){
  pic.src = "2.jpg";
}

function show3(){
  pic.src = "3.jpg";
}
</script>










